<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="el-video">
        <div id="xgplayer" class="xgplayer"></div>
    </div>
</body>

</html>
<link rel="stylesheet" href="/store/assets/xgplayer/index.min.css">
<script src="/store/assets/xgplayer/index.min.js"></script>
<script>

    const params = new URLSearchParams(window.location.search);
    // console.log(params);
    const paramValue = params.get('src');
    let videoSrc = '/store/sop/video/' + paramValue
    // console.log('viode', videoSrc)

    var player = new window.Player({
        "id": "xgplayer",
        "url": videoSrc,
        'lang': 'zh-cn',
        "playsinline": true,
        "whitelist": [
            ""
        ],
        // "autoplay": true,
        "fluid": true,
        "playbackRate": [
            0.75,
            1,
            1.25,
            1.5,
            2
        ],
        "progressDot": [
            {
                "time": 3,
                "text": "text1"
            },
            {
                "time": 5,
                "text": "text2"
            },
            {
                "time": 32,
                "text": "text3"
            },
            {
                "time": 36,
                "text": "text4"
            }
        ],
        "thumbnail": {
            "pic_num": 44,
            "width": 160,
            "height": 90,
            "col": 10,
            "row": 10,
            "urls": [
                ""
            ]
        },
        "screenShot": true,
        "download": true,
        "pip": true
    });
</script>

<style scoped>
    body {
        overflow: hidden
    }
    .xgplayer {
        margin-top: 5px;
        margin-bottom: 10px;
        border-radius: 12px;
        background-color: #e0f6ff;
        /* background-color: rgba(255, 255, 255, 0);  */
    }

    .el-video {
        width: 100%;
        /* height: 450px; */
    }
</style>